<template>
  <div class="vertical-align-flex">
    <div class="field">{{item.label || item}}：</div>
    <div class="value">
      <el-select class="select-middle" v-model="value" :popper-append-to-body="false" @change="handle_broadcast">
        <el-option v-for="(item, idx) in options"
        :key='idx' :value="item.value" :label="item.lable" v-if="!simple" />
        <el-option v-for="(item, idx) in options"
        :key='idx' :value="idx" :label="item" v-if="simple" />
      </el-select>
    </div>
  </div>
</template>

<script>

  export default {
    data(){
      return {
        // 绑定选项的值
        selected_value: '',
      }
    },
    props:{
      item: {},
      options: {},
      value: {},
      simple: {
        default: false,
      }
    },
    methods: {
      handle_broadcast(){
        this.$emit('input', this.value)
      },
    },
    activated() {
      
    }
  }
</script>

<style lang="scss" scoped>

</style>
